<template>
    <!-- html标签/vue组件 -->
    <el-button plain @click="open">
        退出
    </el-button>
  </template>
  
  <script setup>
  import { ElMessage, ElMessageBox } from 'element-plus'
  
  const open = () => {
    ElMessageBox.confirm(
      '你确定要退出登录吗？', // 提示框内容
      '确认退出', // 提示框标题
      {
        confirmButtonText: '退出登录',
        cancelButtonText: '取消退出',
        type: 'error',
      }
    ).then(() => { // 点击了confirmButtion之后做什么
        // 删token
        // 跳转
        ElMessage({
          type: 'error',
          message: 'Delete completed',
        })
    }).catch(() => { // 点击了cancelButtion之后做什么
        ElMessage({
          type: 'info',
          message: 'Delete canceled',
        })
    })
  }
</script>